<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>Lotus</title>

  <meta name="viewport" content="width=device-width,  initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

  <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->



<link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:300,400' rel='stylesheet' type='text/css'>


 
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
		
		
</head>

<body>


<div class="sliderbg">


<div class="phone">
<p>Contact Phone: +99 861 440 210</p>
</div>



<header class="menuwrapperdesktop">

<div class="container">
<div class="row">


<section class="logo span3">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>


<nav class="menudesktop span9">
  
<ul id="menu">
<li class="menu1">
		<a class="mainmenu" href="index-2.html">Home</a>
		<ul>
<li><a href="index-2.html">Home Paralax</a></li>
<li><a href="index2.html">Home Paralax 2</a></li>      
<li><a href="index3.html">Home Camera</a></li>   
					
		</ul>
	</li>
	

<li class="menu1">
		<a class="mainmenu" href="about.html">About</a>
		<ul>
			
			<li><a href="about.html">About Us</a></li>
			  <li><a href="about2.html">About Us 2</a></li>                      
			
		</ul>


	</li>
	<li class="menu1">
		<a class="mainmenu" href="#">Pages</a>
		<ul>
			
			<li><a href="services.html">Services</a></li>
			  <li><a href="special.html">Special</a></li>                      
			
		</ul>
	</li>
<li class="menu1">
		<a class="mainmenu" href="gallery1.html">portfolio</a>
		<ul>
			
			<li><a href="gallery1.html">Gallery 1</a></li>
			  <li><a href="gallery2.html">Gallery 2</a></li>                      
			
		</ul>
	</li>
            <li class="menu1">
                <a class="mainmenu" href="blog.html">Blog</a>
		<ul>
                 <li><a href="blog.html">Blog</a></li>
			  <li><a href="blogdetails.html">Blog details</a></li>     
		</ul>
	</li>

     <li class="menu1">
                <a class="mainmenu  mainmenulast" href="contact.html">contact</a>
		<ul>
		</ul>
	</li>
            

</ul>

</nav>  


</div>  </div>  
 </header>  <!--/menudesktop end--> 




<header class="menuwrappermobile">
<div class="container">
<div class="row">


<section class="span12 logo">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>
 </div> 

<div class="row">

  
<nav class="menuwrappermobile">

<div class="accordion span12" id="mycolapsible">

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseOne">
Homepages
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
<a href="index-2.html">Home Paralax</a>
</div>
<div class="accordion-inner">
<a href="index2.html">Home Paralax 2</a>
</div>
<div class="accordion-inner">
<a href="index3.html">Home Camera</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseTwo">
About
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<a href="about.html">About us</a>
</div>
<div class="accordion-inner">
<a href="about2.html">About us 2</a>
</div>


</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseThree">
Pages
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
<a href="gallery1.html">Portfolio</a>
</div>
<div class="accordion-inner">
<a href="gallery2.html">Portfolio 2</a>
</div>
<div class="accordion-inner">
<a href="special.html">Special</a>
</div>
<div class="accordion-inner">
<a href="services.html">Services</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFour">
Blog pages
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
<a href="blog.html">Blog</a>
</div>
<div class="accordion-inner">
<a href="blogdetails.html">Blog Details</a>
</div>

</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFive">
Contact
</a>
</div>
<div id="collapseFive" class="accordion-body collapse">
<div class="accordion-inner">
<a href="contact.html">Contact</a>
</div>


</div>
</div>


</div></nav>


 </div> 

 </div> 
 </header> 
<!--/menumbile end--> 



</div>




<div class="underslider2">

<div class="container">
<div class="row">
<div class="span6">
 
<h2>about us <span>lorem ipsum dolor</span></h2>

</div>


<div class="span6">
 
<ul class="ch-grid1">
<li>
<div class="ch-item ch-img-1">

</div>
</li>

<li>
<div class="ch-item ch-img-2">

</div>
</li>

<li>
<div class="ch-item ch-img-3">

</div>
</li>
</ul>
</div>



</div></div>

</div>



<div class="container">
<div class="row">



<div class="span8"><!--left--> 


<div class="leftabout1">


<div class="columnheadlineabout">
<h4><span>Who we are</span></h4>
</div>


<h5>- Lorem ipsum dolor sit amet -</h5>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. 
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea. 
</p>


<div class="row">

<div class="span4">
<h6>Lorem ipsum</h6>
<ul>
<li><span>Lorem ipsum dolor</span></li>
<li><span>Consectetuer adipiscing elit</span></li>
<li><span>Sed diam nonummy</span></li>
</ul>
</div>

<div class="span4">
<h6>Lorem ipsum</h6>
<ul>
<li><span>Lorem ipsum dolor</span></li>
<li><span  class="highlight">Consectetuer adipiscing elit</span></li>
<li><span>Sed diam nonummy</span></li>
</ul>
</div>

</div>


</div><!--leftabout end--> 


<ul class="splitter">
<li>
<ul class="splitterbg">
<li class="segment-2">
<a href="#" data-value="everybody">All</a></li>
<li class="segment-1">
<a href="#" data-value="therapist"> Therapists </a></li>
<li class="segment-0">
<a href="#" data-value="specialist">Specialists </a></li>

</ul>

</li></ul>



<ul id="list" class="image-grid">



<li data-id="id-1" class="everybody therapist"><!-- one picture-->


<div class="row">
<div class="staff span8">

<div class="row">

<div class="span2">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-1">
</div>
</li>
</ul>

</div>

<div class="span6">
<h5>Jessica Roberts <span>- Therapist - </span></h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
</p>

</div><!--/span10 end-->
</div><!--/row end-->

</div><!--/staff end--> 
</div><!--/row end --> 


</li><!-- one picture end-->



<li data-id="id-2" class="everybody specialist"><!-- one picture-->


<div class="row">
<div class="staff span8">

<div class="row">

<div class="span2">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-2">
</div>
</li>
</ul>

</div>

<div class="span6">
<h5>Jessica Roberts <span>- Specialist Ayurveda - </span></h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
</p>

</div><!--/span10 end-->
</div><!--/row end-->

</div><!--/staff end--> 
</div><!--/row end --> 


</li><!-- one picture end-->




<li data-id="id-3" class="everybody therapist"><!-- one picture-->


<div class="row">
<div class="staff span8">

<div class="row">

<div class="span2">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-3">
</div>
</li>
</ul>

</div>

<div class="span6">
<h5>Jessica Roberts <span>- Therapist - </span></h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
</p>

</div><!--/span10 end-->
</div><!--/row end-->

</div><!--/staff end--> 
</div><!--/row end --> 


</li><!-- one picture end-->



<li data-id="id-4" class="everybody specialist"><!-- one picture-->


<div class="row">
<div class="staff stafflast1 span8">

<div class="row">

<div class="span2">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-3">
</div>
</li>
</ul>

</div>

<div class="span6">
<h5>Jessica Roberts <span>- Specialist Ayurveda - </span></h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
</p>

</div><!--/span10 end-->
</div><!--/row end-->

</div><!--/staff end--> 
</div><!--/row end --> 


</li><!-- one picture end-->



 </ul>


</div><!--span8 left end--> 




<aside class="span4"><!--right--> 


<div class="headlinesidebar">
<h4><span>Services</span></h4>
</div>

<ul class="sidebarabout1">
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
<li><span>Sed diam nonummy</span></li>
<li>Lorem ipsum dolor</li>
<li>Consectetuer adipiscing elit</li>
</ul>



<div class="headlinesidebar">
<h4><span>Business hours</span></h4>
</div>


<ul class="sidebarabout2">
<li>Monday - Friday <span> 8am-8pm</span></li>
<li>Saturday and Sunday: <span> 8am-10pm</span></li>
</ul>



<div class="headlinesidebar">
<h4><span>Contact info</span></h4>
</div>

<div class="sidebarabout3">

<ul>

<li>
<img src="images/iconaddress.png" alt="">
<p>225 West Madison Street<br>
Phoneix, AZ 85003, United States</p>
</li>

<li>
<img src="images/iconphone.png" alt="">
<p>+99 861 440 210</p>
</li>

<li>
<img src="images/iconmail.png" alt="">

<a href="mailto:someone@example.com?Subject=Hello%20again">
<p class="highlight">office@lotus.com</p></a>

</li>

</ul>



<div class="reservation">
<a href="#">Reservation <span>+99 5855 8458</span></a>
</div>

</div><!--/sidebarabout3 end--> 

<div class="headlinesidebar">
<h4><span>Special</span></h4>
</div>


<div class="row sidebarabout4">
<div class="staff span4">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-1">
</div>
</li>
</ul>


<div class="aboutprice">
<a href="#">10$</a>
</div>

<h5>Lorem ipsum dolor  </h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud veniam, quis nostrud
</p>

</div>
</div><!--/row end --> 


<div class="row sidebarabout4">
<div class="staff span4">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-2">
</div>
</li>
</ul>


<div class="aboutprice">
<a href="#">10$</a>
</div>

<h5>Lorem ipsum dolor  </h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud veniam, quis nostrud
</p>

</div>
</div><!--/row end --> 



<div class="row sidebarabout4">
<div class="staff span4">

<ul class="ch-grid3">
<li>
<div class="ch-item ch-img-3">
</div>
</li>
</ul>


<div class="aboutprice">
<a href="#">10$</a>
</div>

<h5>Lorem ipsum dolor  </h5>

<p>
Ut wisi enim ad minim veniam, quis nostrud veniam, quis nostrud
</p>

</div>
</div><!--/row end --> 










</aside><!--/span4 rightend--> 



</div><!--/row end--> 



 </div><!--/container end--> 



<footer class="footer">

<div class="container">
<div class="row">



<div class="span4">

<div class="footerheadline">
<h4>Testimonials</h4>
</div>

<div class="testimonial">
<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>
</div>


<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>

</div>


<div class="span4">

<div class="footerheadline">
<h4>Latest Tweets</h4>
</div>


<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet tweetlast">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>


</div>

<div class="span4">

<div class="footerheadline">
<h4>Tag Cloud</h4>
</div>

<p class="blogtags">
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>
<span><a href="#">Terapy</a></span>
<span><a href="#">Massage</a></span>	
<span><a href="#">Paraffin</a></span>
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>				
</p>

<div class="footerheadline1">
<h4>Newsletters</h4>
<p>Lorem ipsum dolor sit amet</p>
</div>



<div class="subscribefieldwrapper"><!--/subscribe-form--> 
<form method="post" action="http://spatheme.appspot.com/submit.php">
<div>

<input type="text" placeholder="enter your email..." name="email" id="emailsubmit" 

class="subscribefield" />

<input type="submit"  name="subscribe"  id="subscribe" value="Subscribe" class="buttonsubscribe"/>
<ul id="response1"></ul>
   

</div>
</form>

    </div><!--/subscribe-form-end--> 




</div>



</div> </div> 
</footer> 


<div class="bottom"> 

 <div class="container"> 
 <div class="row"> 
<section class="icons span4">  
   <a href="#"><div class="item"><div><i class="icontwitter"></i></div></div></a>   
  <a href="http://www.facebook.com/pages/Rayoflight/408688349185439"><div class="item"><div><i class="iconfacebook"></i></div></div></a>       
  <a href="#"><div class="item"><div><i class="icongoogle"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconrss"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconskype"></i></div></div></a>  
  <a href="#"><div class="item"><div><i class="iconyoutube"></i></div></div></a>  
 
</section> 


<section class="span4 copyright">  
<p>&copy; 2013. <a href="http://themeforest.net/user/miciana1417/portfolio">lotus</a> All rights reserved.</p>
</section> 


<section class="span4">  
<a href="javascript:scrollToTop()" title="top of page"><div class="topofpage"></div></a>
</section> 

 </div> </div>


</div> 



<script type="text/javascript" src="js/jquery.js"></script><!--jquery script-->
<script type="text/javascript" src="js/jquery-migrate.js"></script><!--jquery script-->


<script type="text/javascript" src="js/quicksand1.js"></script>	
<script type="text/javascript" src="js/quicksand.js"></script>

<script>//<![CDATA[
$('html, body').ready(function(){
jQuery('#mycollapsible').collapse("hide");
//]]></script>



<script>//<![CDATA[
function scrollToTop() {
$('html, body').animate({scrollTop:0}, 'slow');
}
//]]></script>



<script type="text/javascript" src="js/bootstrap.js"></script>		
		

</body>
</html>
